Arrange the screen-capture tool area to only capture your example;
Start the recording and demonstrate how the pattern works on the website as you record your screen capture;
Stop the recording. Save the video as an .flv file
Label the .flv video with its pattern name and upload it to your team's project page
Adjust the sizing of the video so it's similar in size to the original recording.
Include the name of the pattern and your information from part 1 along with the video;
Repeat for each of your examples.
Alternative If you can't find examples for Part Two above, you may create a simulation of the functionality using Flash animation, or creating your own example.
Part Two
Alternative
If you can't find examples for Part Two above, you may create a simulation of the functionality using Flash animation, or creating your own example.
Always-Visible Tools
Hover-Reveal Tools
Toggle-Reveal Tools
Multi-Level Tools
Secondary Menu